<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <style>
    a{
        color: blue;
    }
    </style>
</head>
<body onload="init()">
<br />1照相机：<br />
 　　<a href="1照相机/01正交投影照相机.html">01正交投影照相机</a><br />
 　　<a href="1照相机/02透视投影照相机.html">02透视投影照相机</a><br />
<br />2几何形状：<br />
 　　<a href="2几何形状/01立方体.html">01立方体</a><br />
 　　<a href="2几何形状/02平面.html">02平面</a><br />
 　　<a href="2几何形状/03球体.html">03球体</a><br />
<br />3材质：<br />
 　　<a href="3材质/01基本材质.html">01基本材质</a><br />
 　　<a href="3材质/02Lambert材质.html">02Lambert材质</a><br />
 　　<a href="3材质/03Phong材质.html">03Phong材质</a><br />
 　　<a href="3材质/04法向材质.html">04法向材质</a><br />
 　　<a href="3材质/05材质的纹理贴图.html">05材质的纹理贴图</a><br />
<br />4网格：<br />
　　<a href="4网格/01创建网格.html">01创建网格</a><br />
　　<a href="4网格/02修改属性.html">02修改属性</a><br />
<br />5动画：<br />
　　<a href="5动画/01实现动画效果.html">01实现动画效果</a><br />
　　<a href="5动画/02使用stat.js记录FPS.html">02使用stat.js记录FPS</a><br />
　　<a href="5动画/03弹球例子.html">03弹球例子</a><br />
<br />6外部模型：<br />
　　<a href="6外部模型/01无材质的模型.html">01无材质的模型</a><br />
　　<a href="6外部模型/02有材质的模型.html">02有材质的模型</a><br />
<br />6光与影：<br />
　　<a href="7光与影/01环境光.html">01环境光</a><br />
　　<a href="7光与影/02点光源.html">02点光源</a><br />
　　<a href="7光与影/03平行光.html">03平行光</a><br />
　　<a href="7光与影/04聚光灯.html">04聚光灯</a><br />
　　<a href="7光与影/05阴影.html">05阴影</a><br />
<!--
<p>
Cameras（照相机，控制投影方式）
    Camera
    OrthographicCamera
    PerspectiveCamera
Core（核心对象）
    BufferGeometry
    Clock（用来记录时间）
    EventDispatcher
    Face3
    Face4
    Geometry
    Object3D
    Projector
    Raycaster（计算鼠标拾取物体时很有用的对象）
Lights（光照）
    Light
    AmbientLight
    AreaLight
    DirectionalLight
    HemisphereLight
    PointLight
    SpotLight
Loaders（加载器，用来加载特定文件）
    Loader
    BinaryLoader
    GeometryLoader
    ImageLoader
    JSONLoader
    LoadingMonitor
    SceneLoader
    TextureLoader
Materials（材质，控制物体的颜色、纹理等）
    Material
    LineBasicMaterial
    LineDashedMaterial
    MeshBasicMaterial
    MeshDepthMaterial
    MeshFaceMaterial
    MeshLambertMaterial
    MeshNormalMaterial
    MeshPhongMaterial
    ParticleBasicMaterial
    ParticleCanvasMaterial
    ParticleDOMMaterial
    ShaderMaterial
    SpriteMaterial
Math（和数学相关的对象）
    Box2
    Box3
    Color
    Frustum
    Math
    Matrix3
    Matrix4
    Plane
    Quaternion
    Ray
    Sphere
    Spline
    Triangle
    Vector2
    Vector3
    Vector4
Objects（物体）
    Bone
    Line
    LOD
    Mesh（网格，最常用的物体）
    MorphAnimMesh
    Particle
    ParticleSystem
    Ribbon
    SkinnedMesh
    Sprite
Renderers（渲染器，可以渲染到不同对象上）
    CanvasRenderer
    WebGLRenderer（使用 WebGL 渲染，这是本书中最常用的方式）
    WebGLRenderTarget
    WebGLRenderTargetCube
    WebGLShaders（着色器，在最后一章作介绍）
Renderers / Renderables
    RenderableFace3
    RenderableFace4
    RenderableLine
    RenderableObject
    RenderableParticle
    RenderableVertex
Scenes（场景）
    Fog
    FogExp2
    Scene
Textures（纹理）
    CompressedTexture
    DataTexture
    Texture
Extras
    FontUtils
    GeometryUtils
    ImageUtils
    SceneUtils
Extras / Animation
    Animation
    AnimationHandler
    AnimationMorphTarget
    KeyFrameAnimation
Extras / Cameras
    CombinedCamera
    CubeCamera
Extras / Core
    Curve
    CurvePath
    Gyroscope
    Path
    Shape
Extras / Geometries（几何形状）
    CircleGeometry
    ConvexGeometry
    CubeGeometry
    CylinderGeometry
    ExtrudeGeometry
    IcosahedronGeometry
    LatheGeometry
    OctahedronGeometry
    ParametricGeometry
    PlaneGeometry
    PolyhedronGeometry
    ShapeGeometry
    SphereGeometry
    TetrahedronGeometry
    TextGeometry
    TorusGeometry
    TorusKnotGeometry
    TubeGeometry
Extras / Helpers
    ArrowHelper
    AxisHelper
    CameraHelper
    DirectionalLightHelper
    HemisphereLightHelper
    PointLightHelper
    SpotLightHelper
Extras / Helpers
    ArrowHelper
    AxisHelper
    CameraHelper
    DirectionalLightHelper
    HemisphereLightHelper
    PointLightHelper
    SpotLightHelper
Extras / Renderers / Plugins
    DepthPassPlugin
    LensFlarePlugin
    ShadowMapPlugin
    SpritePlugin
Extras / Shaders
    ShaderFlares
    ShaderSprite


</p>-->

    
<!--<canvas id="mainCanvas" width="400px" height="300px"></canvas>-->
<script src="//cdn.bootcss.com/three.js/r83/three.min.js"></script>
<script type="text/javascript">
    function init() {
        var renderer = new THREE.WebGLRenderer({
            canvas: document.getElementById('mainCanvas')
        });

        renderer.setClearColor(0x000000); // black
        // scene
        var scene = new THREE.Scene();
        // camera
        var camera = new THREE.PerspectiveCamera(45, 4 / 3, 1, 1000);
        camera.position.set(0, 0, 5);
        scene.add(camera);

        // a cube in the scene
        var cube = new THREE.Mesh(new THREE.CubeGeometry(1, 2, 3),
            new THREE.MeshBasicMaterial({
                color: 0xff0000
            })
        );
        scene.add(cube);
        renderer.render(scene, camera);

    }
</script>
</body>

</html>












